<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>@yield('title', '陋室') </title>
    <meta name="description" content="@yield('description', 'Laravel爱好者')"/>

    <!-- Styles -->
    <link href="{{ mix('css/app.css') }}" rel="stylesheet">
    <link rel="shortcut icon" href="{{ asset('favicon.ico') }}"/>

    <link rel="bookmark" href="{{ asset('favicon.ico') }}"/>
    @yield('styles')

</head>

<body>
<div id="app" class="{{ route_class() }}-page">

    @include('layouts._header')

    <div class="container">

        @include('shared._messages')
        @yield('content')

    </div>

    @include('layouts._footer')
{{--    @if (app()->isLocal())
        @include('sudosu::user-selector')
    @endif--}}
</div>

<!-- Scripts -->
<script src="{{ mix('js/app.js') }}"></script>

@yield('scripts')
<script>
    $(function() {
        $.scrollUp({
            scrollName: "scrollUp",
            topDistance: "300",
            topSpeed: 300,
            animation: "fade",
            animationInSpeed: 200,
            animationOutSpeed: 200,
            scrollText: `<i class="fa fa-angle-up"></i>`,
            activeOverlay: !1
        });
    });
</script>
</body>

</html>
